﻿@using KDS.Mes.Web.Navigation
@using Abp.Web.Mvc.Extensions
@using KDS.Mes.Authorization


@using KDS.Mes.Web.Models.Parts
@using Abp.Application.Services.Dto


@{
    ViewBag.ActiveMenu = PageNames.App.Common.Report;
}

<style type="text/css">
    .flex-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .flex-split {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

    .flex-vertical {
        -webkit-box-orient: vertical;
        -webkit-flex-flow: column;
        flex-flow: column;
    }

    .circle {
        background-color: green;
        position: absolute;
    }

    .font-bold {
        font-weight: bold;
    }

    .text-center-left {
        text-align: left;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
    }

    .text-center-center {
        height: 50px;
        line-height: 50px;
        overflow: hidden;
    }

    .text-center {
        text-align: center;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
    }

    .text-align1 {
        text-align: center;
    }
</style>
@section Styles{
    @*<link href="~/libs/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />*@
    <link href="~/Content/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
}

@* 注入所需JS *@
@section Scripts
{
    <script src="~/Content/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="~/Content/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="~/Content/layer/layer.js"></script>
    @Html.IncludeScript("~/Views/ANDON/_CreateOrEditANDONModal.js")
    @Html.IncludeScript("~/Views/Reports_Report/Index.js")
}

<div class="box box-info collapsed-box">
    <div class="box-header with-border">
        <h3 class="box-title">@L("Query")</h3>
        <div class="box-tools pull-right">
            <button id="btn-query" type="button" class="btn btn-xs">
                <i class="fa fa-search">@L("Query")</i>
            </button>
            <button type="button" class="btn btn-box-tool" data-widget="collapse">
                <i class="fa fa-plus"></i>
            </button>
        </div>
    </div>
    <form class="form-horizontal">
        
       
        

        <div class="box-body">

            <div class="form-group">
                <label for="PlanDate" class="col-sm-1 control-label">@L("StartDate")</label>
                <div class="col-sm-2">
                    <div class="input-group  date form_datetime">
                        <input id="StartDate" type="text" name="StartDate" readonly class="form-control">
                        <span class="input-group-btn">
                            <button class="btn default date-set" type="button">
                                <i class="fa fa-calendar"></i>
                            </button>
                        </span>
                    </div>
                </div>
                <label for="PlanDate" class="col-sm-1 control-label">@L("EndDate")</label>
                <div class="col-sm-2">
                    <div class="input-group  date form_datetime">
                        <input id="EndDate" type="text" name="EndDate" readonly class="form-control">
                        <span class="input-group-btn">
                            <button class="btn default date-set" type="button">
                                <i class="fa fa-calendar"></i>
                            </button>
                        </span>
                    </div>
                </div>
            </div>
        </div>
</form>
</div>
<div class="box">
    <form action="/Reports_Report/Print" method="post">
        <input type="submit" value="导出" class="btn btn-info">


    </form>
    <div class="box-body flex-box">
        <!-- bootstrap-tablel指定的工具栏 -->
    
        

            <div id="line1" class="" style="border: 1px solid black;  width: 30%">
                <div class="text-center" style="border-bottom: 1px solid black;border-left: 1px soslid black;hegiht:10px  width: 100%">零部件类型</div> 

            </div>
            <div id="line2" class="" style="border: 1px solid black;  width: 30%">
                <div class="text-center" style="border-bottom: 1px solid black;border-left: 1px soslid black;hegiht:10px  width: 100%">零部件型号</div> 

            </div>
            <div id="line3" class="" style="border: 1px solid black;  width: 30%">
                <div class="text-center" style="border-bottom: 1px solid black;border-left: 1px soslid black;hegiht:10px  width: 100%">数量</div> 

            </div>
            <!-- bootstrap-tablel指定的工具栏 -->
            <!--bootstrap-table表体-->
           
        </div>
    </div>
</div>